<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id="app">
    <p>vuejs第一大特点：无需dom操作，开发者不需要关心dom的操作，只要提供数据，然后vuejs会帮我们把数据放置在页面上，这种特性我们称之为 数据驱动。</p>
    <!--vuejs特定语法-->
    <!--{{}} 插值表达式，是 vuejs 提供的一种更新数据的语法-->
    <p>{{ title }}</p>

</div>

</body>

<script src="lib/vue.js"></script>

<script type="text/javascript">

    console.log(Vue);

    new Vue({
        el: '#app', // css选择器 代表 vuejs 管理的区域
        data: {
            title: 'hi vuejs!',

        }, // 是一个对象，对象里面定义vuejs管理的数据
    });

</script>

</html>
